layui.use(['table', 'element', "jquery", "layer"], function () {
    var table = layui.table //表格
        , element = layui.element  //元素操作
        , $ = layui.jquery
        , layer = layui.layer;
    table.render({
        elem: '#1demo'  //table表格id
        , url: '/user/userall'  //访问路径
        , request: {     //修改layui默认的分页请求参数名字
            pageName: 'pagenum'//当前页  默认：page
            , limitName: 'pagesize'//分页数据的参数名   默认：limit
        }
        , title: '用户数据表'
        , toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
        , page: true    //开启自动分页
        , limit: 10     //设置页大小
        , limits: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 2000]  //设置一页分别可以有多少数据
        , parseData: function (res) { //res 即为原始返回的数据    //如果不是layui想要的json格式可进行数据解析成固定的格式    //简单点说就是数据指向对应的名字
            return {
                "code": res.code, //解析接口状态
                "msg": res.msg, //解析提示文本
                "count": res.data.total, //解析数据长度
                "data": res.data.list //解析数据列表
            };
        }
        , cols: [[     //表头
            {type: 'checkbox', fixed: 'left'}
            , {field: 'id', title: 'ID', fixed: 'left', unresize: true, sort: true}
            , {
                field: 'contactavatar', title: '头像', sort: true, templet: function (d) {
                    if (d.contactavatar != null) {
                        return "<img src='" + d.contactavatar + "' style='width: 61px;height: 38px'/>";
                    } else {
                        return "";
                    }
                }
            }
            , {field: 'contactalias', title: '用户名', sort: true}
            , {field: 'contactname', title: '名字', sort: true}
            , {
                field: 'sex', title: '性别', width: 80, sort: true, templet: function (d) {
                    if (d.sex == '1') {
                        return '男'
                    } else {
                        return '女'
                    }
                }
            }
            , {field: 'qq', title: 'QQ', width: 150, sort: true}
            , {field: 'wechat', title: '微信', width: 150, sort: true}
            , {field: 'phone', title: '手机', width: 150, sort: true}
            , {
                field: 'contactdata',
                title: '注册时间',
                width: 200,
                sort: true,
                templet: "<div>{{layui.util.toDateString(d.contactdata, 'yyyy年MM月dd日 HH:mm:ss')}}</div>"
            }
            , {field: 'password', title: '密码', sort: true}
            , {
                field: 'activation', title: '是否激活', sort: true, templet: function (d) {
                    if (d.activation == '3') {
                        return '已激活'
                    } else {
                        return '未激活'
                    }
                }
            }
            , {
                field: 'permission', title: '权限', sort: true, templet: function (d) {
                    if (d.permission == '5') {
                        return '权限已开启'
                    } else {
                        return '未开启权限'
                    }
                }
            }
            , {fixed: 'right', width: 150, title: '操作', toolbar: '#barDemo'}
        ]]
    });

    /*行工具事件*/
    table.on('tool(1demo)', function (obj) {//注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data         //获取当前数据
            , layEvent = obj.event;  //获得lay-event对应的值
        if (layEvent === 'del') {
            layer.confirm('真的删除行么', function () {
                $.ajax({
                    url: "/user/UserDelete/" + data.id
                    , type: "delete"
                    , success: function (restlt) {
                        if (restlt.data == "true") {//删除成功
                            layer.closeAll(); //疯狂模式，关闭所有层
                            obj.del(); //删除对应行（tr）的DOM结构
                            layer.msg("删除成功");
                        } else {//删除失败
                            layer.closeAll(); //疯狂模式，关闭所有层
                            layer.msg("删除失败");
                        }
                    }
                })
            });
        } else if (layEvent === 'edit') {
            layer.open({//进入修改页面
                type: 2
                , title: "用户修改"  //弹出框名称
                , area: ['90%', '90%']     //弹出框大小
                , shift: 5
                , maxmin: true
                , content: "/enter/UserModification/" + data.id   //访问路径
            })
        }

    })


    /*头工具事件*/
    table.on("toolbar(1demo)", function (obj) {
        var layEvent = obj.event;
        if (layEvent === "add") {

            layer.open({//进入修改页面
                type: 2
                , title: "用户添加"  //弹出框名称
                , area: ['90%', '90%']     //弹出框大小
                , shift: 5
                , maxmin: true
                , content: "/enter/UserAdd" //访问路径
            })

        } else if (layEvent === "") {

        }


    })


});



